.el-button--updatacss{
    color: #00B69B;
    background-color: rgba($color: #00B69B, $alpha: 0.2);
    border-color: #f0f9eb;

    &:hover{
        color: #FFF;
        background-color: rgba($color: #00B69B, $alpha: 0.8);
        border-color: #00B69B;  
    }

    &:active{
        color: #FFF;
        background-color: #00B69B;
        border-color: #00B69B;
    }
    &:focus{
        color: #FFF;
        background-color: #00B69B;
        border-color: #00B69B; 
    }
  }
.el-button--infocss{
    color: #ABABAB;
    background-color: rgba($color: #ABABAB, $alpha: 0.2);
    border-color: #f0f9eb;

    &:hover{
        color: #FFF;
        background-color: rgba($color: #ABABAB, $alpha: 0.8);
        border-color: #ABABAB;  
    }

    &:active{
        color: #FFF;
        background-color: #ABABAB;
        border-color: #ABABAB;
    }
    &:focus{
        color: #FFF;
        background-color: #ABABAB;
        border-color: #ABABAB; 
    }
  }
  .el-button--deletecss{
    color: #EF3826;
    background-color: rgba($color: #EF3826, $alpha: 0.2);
    border-color: #f0f9eb;

    &:hover{
        color: #FFF;
        background-color: rgba($color: #EF3826, $alpha: 0.8);
        border-color: #EF3826;  
    }

    &:active{
        color: #FFF;
        background-color: #EF3826;
        border-color: #EF3826;
    }
    &:focus{
        color: #FFF;
        background-color: #EF3826;
        border-color: #EF3826; 
    }

  }
  .el-button--createcss{
    color: #555555;
    border-radius: 25px;
    background-color: rgba($color: #FFF, $alpha: 1);
    border-color: #555555;;

    &:hover{
        color: #9C000D;
        background-color: rgba($color: #FFF, $alpha: 0.8);
        border-color: #9C000D;  
    }

    &:active{
        color: #9C000D; 
        background-color: #FFF;
        border-color: #9C000D; 
    }
    &:focus{
        color: #9C000D; 
        background-color: #FFF;
        border-color: #9C000D; 
    }
  }
  .el-button--confirmcss{
    color: #fff;
    border-radius: 12px;
    font-size:18px;
    background-color: rgba($color: #9c000d, $alpha: 0.8);
    border-color: #CCCCCC;

    &:hover{
        color: #9C000D;
        opacity:0.6;
        background-color: rgba($color: #FFF ,$alpha: 1);
        border-color: #9C000D;  
    }

    &:active{
        color: #9C000D;
        background-color: rgba($color: #FFF ,$alpha: 1);
        border-color: #9C000D;  
    }
    &:focus{
        color: #fff;
        background-color: rgba($color: #9c000d, $alpha: 0.8);
        border-color: #CCCCCC; 
    }

  }
  .el-button--cancelcss{
    color: #FFF;
    border-radius: 12px;
    font-size:18px;
    background-color: rgba($color: #CCCCCC, $alpha: 0.9);
    border-color:  rgba($color: #CCCCCC, $alpha: 0.9);

    &:hover{
        color: #555555;
        background-color: rgba($color: #FFF, $alpha: 1);
        opacity:0.6;
        border-color: #757575;
    }

    &:active{
        color: #555555;
        background-color: rgba($color: #FFF, $alpha: 1);
        border-color: #757575;
    }
    &:focus{
        color: #555555;
        background-color: rgba($color: #FFF, $alpha: 1);
        border-color: #757575;
    }
  }
  .el-button--topsmallcss{
    color: #555555;
    border-radius: 12px;
    font-size:13px;
    height:25px;
    background-color: #ffffff;
    border:1px solid #eeeeee;

    &:hover{
        color: #9C000D;
        background-color: #ffffff;
        border-color: rgba($color:#9C000D, $alpha:0.8);
    }
    &:active{
        color: #9C000D;
        background-color: #ffffff;
        border-color: rgba($color:#9C000D, $alpha:0.8);
    }
    &:focus{
        color: #9C000D;
        background-color: #ffffff;
        border-color: rgba($color:#9C000D, $alpha:0.5);
    }
  }
  .el-button--addcss{
    color: #ffffff;
    border-radius: 12px;
    font-size:13px;
    height:25px;
    background-color: #ba4c55;
    border:1px solid #eeeeee;

    &:hover{
        color: #ba4c55;
        background-color: #ffffff;
        border-color: #ba4c55;
    }
    &:active{
        color: #ba4c55;
        background-color: #ffffff;
        border-color: #ba4c55;
    }
    &:focus{
        color: #ba4c55;
        background-color: #ffffff;
        border-color: #ba4c55;
    }
  }
  .el-button--logincss{
    color: #ffffff;
    border-radius: 25px;
    background-color: rgba($color: #9C000D, $alpha: 0.7);
    border-color: #9C000D;;

    &:hover{
        color: #9C000D;
        background-color: rgba($color: #FFF, $alpha: 0.8);
        border-color: #9C000D;  
    }

    &:active{
        color: #9C000D; 
        background-color: #FFF;
        border-color: #9C000D; 
    }
    &:focus{
        color: #9C000D; 
        background-color: #FFF;
        border-color: #9C000D; 
    }
  }